<template>
  <div class="notic-wrap" style="background-color: #FFFFFF;">
    <img class="notic-img" src="../../../public/avatar2.jpg" />
    <div class="notice-detail-wrap" style="width: 1000px;margin: 0px auto;">
      <p>通知公告</p>
      <div>
        <h3>冬季防病提示</h3>
        <span>
          <em>发布人:admin</em>
          <em>发布日期:2019-11-18 08:24:50</em>
        </span>
        <content>
          近日,大陆冷高压强势登场，天气逐渐转凉，校医院提醒广大师生应注意防寒保暖。另外，冬季不仅诺如病毒、轮状病毒 等引起的感染性腹泻和手足口病高发，也是流行性感冒和水痘等呼吸道传染病的高发季节，广大师生应做到正确预防。
        </content>
        <content>
          <strong>诺如病毒腹泻</strong>
          由诺如病毒引起的腹泻，其最常见的症状是腹泻和呕吐。目前尚无针对诺如病毒单独的抗病毒药和疫苗。 预防的关键是注意个人卫生、食品卫生、饮水卫生。托幼机构、学校等集体单位要加强食品及饮用水安全管理，做好班级晨、
          午检及因病缺勤登记工作，一旦发现聚集性呕吐、腹泻等症状，及时报告。
        </content>
        <content>
          <strong>流行性感冒</strong>
          由流感病毒引起的急性呼吸道感染。典型流感，急起高热，咳嗽、咽痛、全身疼痛，显著乏力，颜面潮红，通 常呼吸道症状较轻。老人、儿童以及体弱多病者，是流感的易感人群，应及早接种流感疫苗。预防措施主要有：均衡饮食、
          适量运动、充足休息、勤开窗通风；保持良好的个人及环境卫生，勤洗手；打喷嚏或咳嗽时应用手帕或纸巾掩住口鼻，避免 飞沫污染他人；一旦发现病例要及时隔离，避免疫情蔓延。
        </content>


        <content>
          <strong>水痘</strong>
          由水痘－带状疱疹病毒引起的急性呼吸道传染病。感染对象主要为幼托、学龄前与学龄期儿童。水痘传染性较强，易 在幼托、小学等集体单位通过呼吸道或日常生活接触传播，形成多例感染发病。平时应注意开窗通风，保持空气流通；对易
          感儿童可接种水痘减毒活疫苗预防；集体单位尤其是幼托机构应做好日常隔离消毒，加强晨检，及时发现和隔离病人。
        </content>

        <content>
          <strong>手足口病</strong>
          以手、足皮肤疱疹和口腔粘膜溃疡为主的传染病。一般预后良好，仅有极少数病例发展为重症。该病主要通过接 触污染的物品感染，还可通过呼吸道飞沫传播，饮用或食入被病毒污染的水和食物亦可感染。感染对象主要为5岁以下儿童。
          平时应注意开窗通风，保持空气流通；保持良好的个人卫生习惯，勤洗手、吃熟食、喝开水；儿童玩具和常接触的物品应定 期清洁消毒；集体单位尤其幼托机构应做好日常消毒，加强晨检，做到早发现早隔离。
          此外，仍需注意预防肺结核、流行性腮腺炎等传染病发生，一些体质较弱且有哮喘、老慢支、冠心病等慢性疾病患者需特别 注意防寒保暖，预防疾病复发。
        </content>

        <div class="notice-detail-footer">
          <div class="notice-detail-footer-left">
            <i>分享</i>
            <img style="width: 14px;" src="../../assets/images/notice/wei xin@2x.png" />
            <img style="width: 10px;" src="../../assets/images/notice/QQ@2x.png" />
            <img style="width: 13px;" src="../../assets/images/notice/weibo@2x.png" />
          </div>
          <div class="notice-detail-footer-right">
            <i>【打印本页】</i>
            <i>【关闭窗口】</i>
            <i>【返回顶部】</i>
          </div>
        </div>
      </div>
    </div>
  </div>
</template>

<script>
  export default {
    name:'BeforeNoticeDetail',
    data(){
      return {
        
      }
    },
    created() {
      alert(1111111);
    },
    methods(){
      
    }
  }
</script>

<style lang="less" scoped>
  * {
    margin: 0;
    padding: 0;
    list-style: none;
    font-style: SimSun;
    font-weight: Regular;
  }

  .notic-wrap {
    width: 100%;

    img {
      width: 100%;
      height: 400px;
      background: rgba(255, 255, 255, 1);
    }
  }

  .notice-detail-wrap {
    p {
      width: 100%;
      font-size: 14px;
      font-family: SimSun;
      font-weight: 400;
      color: rgba(56, 195, 200, 1);
      line-height: 16px;
      padding: 24px 0px 9px 0px;
      box-sizing: border-box;
      border-bottom: thin solid #EBEEF5;
    }

    div {
      width: 100%;
      text-align: center;

      h3 {
        width: 100%;
        height: 22px;
        font-size: 24px;
        font-family: SimSun;
        font-weight: 400;
        color: #333333;
        line-height: 16px;
        text-align: center;
        padding: 20px 0px 31px 0px;
        box-sizing: border-box;
      }

      span {
        width: 100%;
        display: block;
        margin-bottom: 19px;

        em {
          width: 167px;
          height: 12px;
          font-size: 12px;
          font-family: SimSun;
          font-weight: 400;
          font-style: normal;
          color: #333333;

          &:first-child {
            margin-right: 20px;
          }
        }
      }

      content {
        width: 100%;
        display: block;
        text-align: left;
        font-size: 16px;
        color: #333333;
        line-height: 25px;
      }
    }
  }

  .notice-detail-footer {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    padding: 40px 0px 31px 0px;
  }

  .notice-detail-footer-left {
    flex: 1;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    flex-wrap: wrap;
    i {
      height: 12px;
      font-size: 12px;
      font-weight: 400;
      color: #333333;
      font-style: normal;
      margin-top: -7px;
    }

    img {
      width: 14px;
      height: 12px;
      margin-left: 10px;
      vertical-align: middle;
    }
  }

  .notice-detail-footer-right {
    flex: 1;
    display: flex;
    justify-content: flex-end;
    align-items: center;
    flex-wrap: wrap;
    text-align: right;
    i{
      font-style: normal;
      height:12px;
      font-size:12px;
      font-family:SimSun;
      font-weight:400;
      color:rgba(51,51,51,1);
      margin-left: 25px;
    }
  }
</style>
